
#carousel{
    height: 100px;
    width: 300px;
    border: 5px solid;
    display: flex;
    flex-wrap: nowrap;
    // overflow: hidden;
    position: fixed;
    left: 200px;
    top:100px;
    #preBtn{
        position: absolute;
        left:0;
        height: 30px;
        width: 30px;
        top: 50% - 30/2;
        border-radius: 99999px;
        background-color: rgba(0,0,0,.5);
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        &:hover{
            background-color: rgba(0,0,0,.3);
        }
    }
    #nextBtn{
        position: absolute;
        right:0;
        top:0;
        bottom: 0;
        width: 30px;
        background-color: rgba(0,0,0,.5);
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    #carouselImgs{
        height: 100%;
        display: flex;
        flex-wrap: nowrap;
        transition: 80ms;
        >div{
            width: 100px;
            height: 100%;
            img{
                width: 100%;
            }
        }
    }
}